<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege"/>
    <meta name="format-detection" content="telephone=no" />
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/second.css">
    <link rel="stylesheet" href="css/headfoot.css"/>
    <link rel="stylesheet" href="css/reset.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper-3.4.2.min.js"></script>
    <script src="js/second.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=nxW0akynjKF8Ag0G0uVVwq0t6ak1Q1Zj"></script>
</head>
<body>
<!--头部部分-->
<div class="heads">
    <script>
        $(".heads").load("head.html");
    </script>
</div>
<!--banner-->
<div class="fu_bg gybg">
    <div class="fu_inner inner wow bounceIn animated">
        <div class="fu_text">
            <div class="fu_pos">
                <b></b>
                <h1>关于我们</h1>
                <p>ABOUT US</p>
            </div>

        </div>
    </div>
</div>
<!--培训基地-->
<div class="base">
    <div class="title">
        <h1>
            <div style="animation-delay: 0s;">关</div>
            <div style="animation-delay: 0.1s;">于</div>
            <div style="animation-delay: 0.2s;">我</div>
            <div style="animation-delay: 0.3s;">们</div>
            <br/> <b></b> </h1>
    </div>
    <div class="main-md base_cont">

        <div class="base_lf">
            <img src="images/second/ab-1.jpg" alt=""/>
        </div>
        <div class="base_rt">
            <a href="#">
                <h1> 小茗星艺术少儿培训基地 <br/> <b></b></h1>
                <p>小茗星少儿艺术培训基地，是一家专业从事少儿艺术培训，被全国少儿教育联盟许为全国十佳少儿艺术教育培训机构培训内容涉及：音乐舞蹈类、舞台表演类和茗星天音合唱团、茗星《未来之星》超级童模、茗星《国学宝贝》少儿益智表演综秀。开设有：舞蹈 / 音乐 / 语言艺术 / 戏剧表演 / T台走秀 / 小茗星艺术团等课程。</p>
                <div class="base_rt_img rt">
                    <img src="images/index/logo.png" alt=""/>
                </div>
            </a>
        </div>
    </div>
</div>
<!--明星艺术-->
<div class="yi">
    <div class="main-md">
        <div class="title">
            <h1>
                <div style="animation-delay: 0s;">小</div>
                <div style="animation-delay: 0.1s;">茗</div>
                <div style="animation-delay: 0.2s;">星</div>
                <div style="animation-delay: 0.3s;">艺</div>
                <div style="animation-delay: 0.4s;">术</div>
                <br/> <b></b> </h1>
            <p>公司以“学以致用、知行合一”为核心价值，秉承“整合营销、锐意创新”的战略方针，汇聚各方优势不断改进创新，致力打造中国最专业、最具影响力的儿童艺术培训基地。
                公司汇聚了一批具有高素质的专业人才，组建了一支实力雄厚、经验丰富的专业团队。</p>
        </div>
    </div>
</div>
<!--留言-->
<div class="message padd50">
    <div class="message-tit">
        <img src="images/second/bi.png" alt=""/>
        <h3>欢迎给我们留言</h3>
        <h4>ASK ABOUT A QUOTE </h4>
    </div>
    <div class="main-md">
        <form action="">
            <input type="text" placeholder="您的姓名"/>
            <input type="text" placeholder="您的联系方式"/>
            <textarea name=""></textarea>
            <a href="#" class="tijiao"> 提交 </a>
        </form>
    </div>
    <div class="main-md">
        <div style="border:#ccc solid 1px;font-size:12px" id="map"></div>
    </div>
</div>
<!--页尾-->
<div class="foots">
    <script>
        $(".foots").load("foot.html");
    </script>
</div>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){
        map = new BMap.Map("map");
        map.centerAndZoom(new BMap.Point(116.32838,39.962687),12);
    }
    function setMapEvent(){
        map.enableScrollWheelZoom();
        map.enableKeyboard();
        map.enableDragging();
        map.enableDoubleClickZoom()
    }
    function addClickHandler(target,window){
        target.addEventListener("click",function(){
            target.openInfoWindow(window);
        });
    }
    function addMapOverlay(){
        var markers = [
            {content:"",title:"铭星艺术",imageOffset: {width:-46,height:-21},position:{lat:39.966661,lng:116.29535}}
        ];
        for(var index = 0; index < markers.length; index++ ){
            var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
            var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
                imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
            })});
            var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
            var opts = {
                width: 200,
                title: markers[index].title,
                enableMessage: false
            };
            var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
//            marker.setLabel(label);
            addClickHandler(marker,infoWindow);
            map.addOverlay(marker);
            marker.setAnimation(BMAP_ANIMATION_BOUNCE);
        };
    }
    //向地图添加控件
    function addMapControl(){
        var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
        scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
        map.addControl(scaleControl);
        var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(navControl);
    }
    var map;
    initMap();
</script>
</body>
</html>